<template>
  <h1>Hello Vue3</h1>
  <Son ref="son"></Son>
</template>

<script>
import { onMounted, ref } from 'vue'
/* 
  目标：掌握使用ref属性绑定DOM或组件
    ref 属性应用场景：
      场景1：获取DOM (比较少用)
      场景2：获取组件
*/
import Son from './components/Son.vue'

export default {
  name: 'App',
  components: { Son },
  setup() {
    const son = ref(null)

    onMounted(() => {
      console.log(son.value)
    })

    return { son }
  },
}
</script>

<style></style>
